﻿@charset "utf-8";
/* CSS Document */

html {
    padding: 0;
    margin: 0;
}
body{
	margin:0;
	padding:0;
	font-family:PingFangSC-Regular,Microsoft YaHei,Heiti,Arial,Helvetica,"sans-serif";
	overflow-x: hidden;
}
ul,li{
	margin:0;
	padding:0;
	list-style:none;
}
a{
	text-decoration:none;
	margin:0;
	padding:0;
}
img{
	border:0;
	vertical-align:middle;
}


.clearfix:after{ visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;}
.clearfix{*zoom:1;}

*, *:before, *:after {
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}


.breadcrumb{font-size: 14px;color: #888;padding: 10px 18px;}
.breadcrumb a{font-size: 14px;color: #888;transition: 0.3s;}
.breadcrumb a:hover{color: #378cf4;}
.breadcrumb .separator{font-size: 14px;font-family: 宋体;padding: 0 5px;}

.tenantInfo{padding: 0 18px 18px;}
.tenantInfo .row .left{width: 65%;float: left;}
.tenantInfo .row .right{width: 35%;float: left;}

.tenantInfo .card .card-item{width: calc(25% - 18px);float: left;margin-right: 18px;margin-bottom: 18px;}
.tenantInfo .card .card-item .card-wrap{background-color: #fff;border-radius: 6px;box-shadow: 0 0 8px rgba(0, 0, 0, .04);padding:16px 0 0 68px;position: relative;height: 76px;}
.tenantInfo .card .card-item .icon{width: 40px;height: 40px;position: absolute;left: 16px;top:18px;}
.tenantInfo .card .card-item .icon img{width: 40px;height: 40px;}
.tenantInfo .card .card-item .name{font-size: 14px;color: #666;margin-bottom: 4px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.tenantInfo .card .card-item .name .unit{font-size: 12px;color: #999;}
.tenantInfo .card .card-item .value{font-size: 20px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.tenantInfo .zhqk{margin-right: 18px;}
.tenantInfo .zhqk .zhqk-wrap{background-color: #fff;border-radius: 6px;box-shadow: 0 0 8px rgba(0, 0, 0, .04);height: 290px;overflow: hidden;}
.tenantInfo .zhqk .col{width: 33.33%;padding: 17px 0 8px;float: left;position: relative;}
.tenantInfo .zhqk .col + .col::after{content: '';position: absolute;left:0;top:64px;bottom: 26px;border-left: 1px dashed #e6edf0; font-size: 0;z-index:9;}
.tenantInfo .zhqk .col .title{text-align: center;font-weight: bold;font-size: 16px;color: #333;margin-bottom: 15px;}
.tenantInfo .zhqk .col .item{position: relative;padding-left: 78px;margin-bottom: 15px;}
.tenantInfo .zhqk .col .item .icon{width: 32px;height: 32px;position: absolute;left: 30px;top:8px;}
.tenantInfo .zhqk .col .item .icon img{width: 32px;height: 32px;}
.tenantInfo .zhqk .col .item .name{font-size: 13px;color: #999;margin-top: 3px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.tenantInfo .zhqk .col .item .value{font-size: 17px;color: #333;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.tenantInfo .zhqk .col .item .value .unit{font-size: 15px;color: #333;}

.tenantInfo .zzxx{background-color: #fff;border-radius: 6px;box-shadow: 0 0 8px rgba(0, 0, 0, .04);height: 383px;overflow: hidden;}
/* .tenantInfo .zzxx .titleBar{background-color: #378cf4;height: 48px;text-align: center;color: #fff;line-height: 48px;font-size: 16px;font-weight: bold;} */

.tenantInfo .titleBar{font-size:0;background-color: #fafcfe;border-bottom: 1px solid #f1f1f1;}
.tenantInfo .titleBar li{border-top:3px solid #fafcfe; display:inline-block; font-size:16px;text-align:center; color:#555; cursor:pointer; line-height:44px; border-right:1px solid #fafcfe; vertical-align:top;border-right:1px solid #ebebeb;transition:color 0.3s;padding: 0 14px;position: relative;}
.tenantInfo .titleBar li:first-child{border-radius:6px 0 0 0;}
.tenantInfo .titleBar li:last-child{border-right:0}
.tenantInfo .titleBar li:hover{color:#3897f7;}
.tenantInfo .titleBar li.selected{border-top:3px solid #3897f7;background-color:#fff;color:#3897f7; font-weight:bold;}
.tenantInfo .titleBar li.selected:after{content: '';position: absolute;left:0;bottom:-1px;right: 0;border-bottom: 1px solid #fff; font-size: 0;z-index:9;}


.tenantInfo .echartsBox{background-color: #fff;border-radius: 6px;box-shadow: 0 0 8px rgba(0, 0, 0, .04);height: 322px;margin-top: 18px;width: calc((100% - 18px) / 2);float: left;}
.tenantInfo .echartsBox:nth-of-type(2n){margin-left: 18px;}
.tenantInfo .echartsBox .titleBar{font-size: 16px;color: #333;font-weight: bold;padding: 16px 22px;}


.tenantInfo .col-04 .col{width: 25%;}


.unitManage{margin: 0 18px 18px;background-color: #fff;border-radius: 6px;box-shadow: 0 0 8px rgba(0, 0, 0, .04);}
.unitManage .search{padding: 18px 0;}
.unitManage .search .layui-form-select dl dd.layui-this{background-color: #4898fa;}
.unitManage .search .layui-form-label{padding-right: 6px;}
.unitManage .search .layui-input, .layui-select, .layui-textarea{border-radius: 4px;}
.unitManage .search .layui-form-label{width: 74px;}
.unitManage .search .btn-search{height:38px; line-height:38px; display:inline-block;border-radius:4px;color:#fff; position:relative; font-size:14px; padding:0 11px 0 36px; background:url(../images/icon_search_white.png) 12px center no-repeat #4898fa; text-align:center;box-shadow: 0 3px 5px rgba(0,0,0,.06); vertical-align:top;margin-left: 13px;transition: 0.3s;}
.unitManage .search .btn-search:hover{background-color:#3c8beb;}

.unitInfo .legendBar{text-align: right;font-size: 0;padding: 14px 0 0;}
.unitInfo .legendBar p{display: inline-block;font-size: 14px;color: #666;margin-left: 24px;}
.unitInfo .legendBar .dots{display: inline-block;width: 10px;height: 10px;vertical-align: middle;margin-right: 8px;position: relative;bottom: 1px;border-radius: 50px;}

.unitInfo{margin: 0 18px 18px;border-top: 1px dashed #e6e6e6;padding-bottom: 1px;}
.unitInfo .item{display: table;margin:7px 0 20px;}
.unitInfo .label,.unitInfo .content{display: table-cell;vertical-align: middle;}
.unitInfo .item .label{font-size: 16px;color: #5b5b5b;font-weight: bold;text-align: right;width: 80px;padding-right: 14px;}

.unitInfo .item .content{font-size: 0;max-width: 744px;position: relative;padding:0 22px;}
.unitInfo .item .content p{width: 52px;height: 52px;background:url(../images/house_sprites.png) -82px -10px no-repeat;display: inline-block;vertical-align: top;color: #fff;font-size: 15px;text-align: center;font-weight: bold;padding-top: 18px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;margin: 9px;}
.unitInfo .item .content .house-gray{background-position: -10px -10px;}
.unitInfo .item .content .house-orange{background-position: -154px -10px;}

.unitInfo .item .content:before{content: '';position: absolute;left:0;top:50%;margin-top: -22px; font-size: 0;z-index:9; width: 22px; height: 44px;background: url(../images/brackets_sprites.png) -10px -10px  no-repeat;}
.unitInfo .item .content:after{content: '';position: absolute;right:0;top:50%;margin-top: -22px; font-size: 0;z-index:9; width: 22px; height: 44px;background: url(../images/brackets_sprites.png) -52px -10px  no-repeat;}

.unitInfo .rowTwo .content:before{height: 78px;margin-top: -39px;background-position: -94px -10px;}
.unitInfo .rowTwo .content:after{height: 78px;margin-top: -39px;background-position: -136px -10px;}

.unitInfo .rowThree .content:before{height: 148px;margin-top: -74px;background-position: -178px -10px;}
.unitInfo .rowThree .content:after{height: 148px;margin-top: -74px;background-position: -220px -10px;}

.unitInfo .rowFour .content:before{height: 212px;margin-top: -106px;background-position: -262px -10px;}
.unitInfo .rowFour .content:after{height: 212px;margin-top: -106px;background-position: -304px -10px;}


.f-blue{color: #55a8fd;}
.f-green{color: #7dc855;}
.f-orange{color: #f9ab22;}
.f-red{color: #ff526f;}
.f-darkRed{color: #ff5825 !important;}

.table{padding:0 16px;}
.table .tbody{max-height: 282px;}
.table .thead li,.table .tbody ul > li{display:table; table-layout:fixed; width:100%;}
.table .thead li p{font-weight:bold;}
.table .thead ul li p,.table .tbody ul > li p{display:table-cell;vertical-align:middle;text-align:center;height:47px;padding:5px 3px; font-size:14px; word-break:break-all;color: #333;}
.table ul > li{border-bottom:1px solid #f3f3f3;}
.table .tbody ul > li:last-of-type{border-bottom:1px solid #fff;}
.table .thead ul li p:nth-child(1),.table .tbody ul > li p:nth-child(1){width:14%}
.table .thead ul li p:nth-child(2),.table .tbody ul > li p:nth-child(2){width:24%}
.table .thead ul li p:nth-child(3),.table .tbody ul > li p:nth-child(3){width:21%}
.table .thead ul li p:nth-child(4),.table .tbody ul > li p:nth-child(4){width:20%}
.table .thead ul li p:nth-child(5),.table .tbody ul > li p:nth-child(5){width:21%}
.table .btn{color: #3591f0;background-color: #fff;padding: 3px 7px;font-size: 14px;border-radius: 50px;border: 1px solid #74b8ff;transition: 0.3s;}
.table .btn:hover{background-color: #f5faff;}

.bg-gray{background-color: #f6f7fd;}
.f14{font-size:14px}
.c-align{text-align:center}
.r-align{text-align:right}
.fl{float:left}
.fr{float:right}
.none{display:none}
.cut{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

